<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<header>
			<div class="header">
				<img src="img/logo.png" class="wow bounce" />
				<p class="wow bounce">Having Trouble Viewing it? <a href="#">View Online</a>.</p>
			</div>
		</header>
		<div class="box">
			<div class="banner">
				<img src="img/banner.png" class="wow bounceIn " data-wow-delay="100ms"/>
				<h3 class="wow bounceInLeft" data-wow-delay="100ms">LARGER ITEM HEADING</h3>
				<p class="wow bounceInLeft" data-wow-delay="300ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis lectus at arcu
					egestas fringilla fermentum eget ipsum. Vestilbulum hendrerit dignissim nunc vel
					volutpat. Nulla facilisi.</p>
				<div class="chk wow bounceInLeft" data-wow-delay="400ms"><a href="#">DETAILS</a></div>
				<hr />
			</div>
			
			<div class="item">
				<ul>
					<li><img src="img/small1.png"  class="wow bounceInLeft" data-wow-delay="100ms" /></li>
					<li  class="wow bounceInLeft" data-wow-delay="200ms">SMALL ITEM</li>
					<li  class="wow bounceInLeft" data-wow-delay="300ms">Lorem ipsum dolor sit amet, consec
						tetur adipiscing elit.</li>
					<li class="wow bounceInLeft" data-wow-delay="400ms"><a href="#">DETAILS</a></li>
				</ul>
				<ul>
					<li class="wow bounceInLeft" data-wow-delay="500ms"><img src="img/small2.png" /></li>
					<li class="wow bounceInLeft" data-wow-delay="600ms">SMALL ITEM</li>
					<li class="wow bounceInLeft" data-wow-delay="700ms">Lorem ipsum dolor sit amet, consec
						tetur adipiscing elit.</li>
					<li class="wow bounceInLeft" data-wow-delay="800ms"><a href="#">DETAILS</a></li>
				</ul>
			</div>

			<div class="ad">
				<hr />
				<div class="space">
					<ul class="wow bounceInLeft" data-wow-delay="100ms">
						<li>AD</li>
						<li>SPACE</li>
					</ul>
					<ul class="wow bounceInLeft" data-wow-delay="200ms">
						<li>AD</li>
						<li>SPACE</li>
					</ul>
					<ul class="wow bounceInLeft" data-wow-delay="300ms">
						<li>AD</li>
						<li>SPACE</li>
					</ul>
				</div>
			</div>
			<div class="blog">
				<hr />
				<ul>
					<li class="wow bounceInLeft" data-wow-delay="100ms">BLOG POSTTITLE ONE</li>
					<li class="wow bounceInLeft" data-wow-delay="200ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis lectus at arcu
						egestas fringilla fermentum eget ipsum. Vestibulum hendrerit dignissim nunc vel
						volutpat. Nulla facilisi.</li>
					<li class="wow bounceInLeft" data-wow-delay="300ms"><a href="#">DETAILS</a></li>
				</ul>
				<hr />
				<ul>
					<li class="wow bounceInLeft" data-wow-delay="400ms">BLOG POSTTITLE ONE</li>
					<li class="wow bounceInLeft" data-wow-delay="500ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis lectus at arcu
						egestas fringilla fermentum eget ipsum. Vestibulum hendrerit dignissim nunc vel
						volutpat. Nulla facilisi.</li>
					<li class="wow bounceInLeft" data-wow-delay="600ms"><a href="#">DETAILS</a></li>
				</ul>
			</div>

		</div>
		<footer>
			<div class="icon">
				<div class="icon-opy">
					<h4  class="wow bounceInLeft" data-wow-delay="100ms">STAY CONNECTED</h4>
					<a href="#" class="wow bounceInLeft" data-wow-delay="200ms"><img src="img/icon1.png" /></a>
					<a href="#" class="wow bounceInLeft" data-wow-delay="300ms"><img src="img/icon2.png" /></a>
					<a href="#" class="wow bounceInLeft" data-wow-delay="400ms"><img src="img/icon3.png" /></a>
					<a href="#" class="wow bounceInLeft" data-wow-delay="500ms"><img src="img/icon4.png" /></a>
					<a href="#" class="wow bounceInLeft" data-wow-delay="600ms"><img src="img/icon5.png" /></a>
					<a href="#" class="wow bounceInLeft" data-wow-delay="700ms"><img src="img/icon6.png" /></a>
					<a href="#" class="wow bounceInLeft" data-wow-delay="800ms"><img src="img/icon7.png" /></a>
					<a href="#" class="wow bounceInLeft" data-wow-delay="900ms"><img src="img/icon8.png" /></a>
				</div>
			</div>
			<div class="foot">
				<div class="foot-flex">
					<ul>
						<li  class="wow bounceInLeft" data-wow-delay="100ms"><a href="#">Lorem ipsum dalor sit amet, consectetur adipiscing elit.</a></li>
						<li class="wow bounceInLeft" data-wow-delay="200ms"><a href="#">Sed commodo est id nulla luctus, qu jis posuere metus</a></li>
						<li class="wow bounceInLeft" data-wow-delay="300ms"><a href="#">elementumn. Phasellus elementum tortor nec massa</a></li>
						<li class="wow bounceInLeft" data-wow-delay="400ms"><a href="#">pellentesque lobortis.</a></li>
					</ul>
					<ul>
						<li class="wow bounceInLeft" data-wow-delay="500ms"><a href="#">Quick Link One</a></li>
						<li class="wow bounceInLeft" data-wow-delay="600ms"><a href="#">Quick Link Tow</a></li>
						<li class="wow bounceInLeft" data-wow-delay="700ms"><a href="#">Quick Link Three</a></li>
						<li class="wow bounceInLeft" data-wow-delay="800ms"><a href="#">Quick Link Four</a></li>
					</ul>
				</div>
				<hr />
				<h5 class="wow bounceInLeft" data-wow-delay="200ms">Copyright 2013 <span>Gusto</span>. All Rights Reserved.</h5>
				<p class="wow bounceInLeft" data-wow-delay="500ms">Wiew Online&nbsp; |&nbsp; Unsubscribe</p>
			</div>
		</footer>

	</body>
	<script type="text/javascript" src="js/wow.min.js" charset="UTF-8"></script>
	<script type="text/javascript">
		new WOW().init();
	</script>
</html>
